<template>
  <div class="wrap-help">
    <van-nav-bar title="常见问题"
                 left-text=""
                 left-arrow
                 @click-left="onClickLeft" />
    <div class="help-box">
      <div class="head-help">猜你想问</div>
      <el-collapse v-model="activeName"
                   accordion>
        <el-collapse-item title="怎么报名小区的伏地魔争霸赛？"
                          name="1">
          <div class="active-div">您好，请参考报名活动流程：</div>
          <div class="active-div">① 打开物业APP</div>
          <div class="active-div">② 选择底部菜单栏的【物业】</div>
          <div class="active-div">③ 选择面板上面的【活动报名】</div>
          <div class="active-div">④ 选择相应的活动后【提交报名】即可</div>
          <div class="active-div">感谢您对活动的支持！</div>
        </el-collapse-item>
        <el-collapse-item title="未及时缴费被断水断电怎么办？"
                          name="2">
          <div class="active-div">您好，请移步至物业缴费管理处，或致电：0756-12345678，办理相关业务。</div>
        </el-collapse-item>

        <el-collapse-item title="如何找回密码？"
                          name="3">
          <div class="active-div">1: 如果您有绑定手机和邮箱的话,请在登陆页面的右下方,点击"忘记密码"通过绑定的手机和邮箱找回密码。</div>
          <div class="active-div">2: 如果您绑定的手机和邮箱失效的话,请前往下方蓝字链接进行找回申诉。请注意:如果通过了申诉,系统会将您账号的绑定信息解绑并重置您的密码。申诉完成后请耐心等待邮件通知哦。</div>
        </el-collapse-item>
        <el-collapse-item title="手机号已注册/被他人注册怎么办？"
                          name="4">
          <div class="active-div">您好,在注册或绑定手机号时提示"手机号已注册"时您可以尝试使用手机号作为用户名登录看看是否为自己之前注册的账号。如不是自己的账号,可能是运营商二次出售手机号导致的,建议联系运营商索要一下该手机号的入网证明,然后点击对话框中的信封图标进行留言(移动端点击+号后进行留言)提供您的账号、 uid 及入网证明,会有人工进行 处理哦。</div>
        </el-collapse-item>
        <el-collapse-item title="无法使用微信支付怎么办？"
                          name="5">
          <div class="active-div">您好，小区支付暂时只能支持微信支付。如果您有更好的方案，欢迎您在物业的【投诉建议】中向我们反馈。感谢您的支持！</div>
        </el-collapse-item>
        <el-collapse-item title="朋友圈发送失败怎么办？"
                          name="6">
          <div class="active-div">怎么发不了朋友圈:</div>
          <div class="active-div">①当前连接的网络不稳定,或者收发个人消息或群聊各类动态消息频繁导致。建议您可以更换其他网络,或者停止发送消息,等待24小时后再操作;</div>
          <div class="active-div">②若违规使用朋友圈被限制的话,也是无法发送的,对于这类限制无法立刻解除,如果您收到了微信团队的提示恢复时间,请等待该时间后自动恢复。</div>
          <div class="active-div">例如:1)您发送朋友圈时提示"照片发送失败",下方会有提示您发送失败原因。感谢您的支持！</div>
        </el-collapse-item>
      </el-collapse>
      <div class="head-help">更多疑问？</div>
      <div class="detail-help">请致电0756-12345678致物业管理处问询</div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'CommonHelp',
  data () {
    return {
      activeName: '1'
    }
  },
  methods: {
    onClickLeft () {
      this.$router.go(-1)
    }
  }
}
</script>
<style scoped>
.help-box {
  padding-left: 20px;
  padding-right: 15px;
}
.head-help {
  padding-top: 10px;
  color: #778899;
  padding-bottom: 5px;
}
.active-div {
  color: rgb(114, 202, 205);
  padding-top: 3px;
  padding-left: 20px;
  padding-right: 15px;
  background-color: #fff;
}
.detail-help {
  font-size: 12px;
  color: #ffb6c1;
}
.van-nav-bar {
  background-color: rgb(114, 202, 205);
}
::v-deep .van-nav-bar .van-icon,
::v-deep .van-nav-bar__text,
::v-deep .van-nav-bar .van-ellipsis {
  color: #fff;
}
</style>
